<template>
    <div class="hdfc container-fluid">
        <!-- 国税系统运动会 -->
        <div class="hdfc_main">
            <span>国税系统运动会</span>
            <div class="con_phone hidden-lg hidden-md hidden-sm">
                <p><i></i>在全市国税系统组织的智力运动会上取得团体第一的好成绩。在全市国税系统运动会上获得广播操三等奖和团队“精神文明奖”。（图为参加运动会体操团体赛）</p>
            </div>
            <div class="row row_wrap">
                <div class="row_img col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <img src="../../../assets/hghotel_image/hdfc01.jpg"  class="img-responsive">
                </div>
                <div class="row_p col-lg-6 col-md-6 col-sm-6 hidden-xs">
                    <p>在全市国税系统组织的智力运动会上取得团体第一的好成绩。在全市国税系统运动会上获得广播操三等奖和团队“精神文明奖”。</p>
                    <p>（图为参加运动会体操团体赛）</p>
                </div>
            </div>

        </div>
        <!-- 国税系统演讲比赛 -->
        <div class="hdfc_main">
            <span>国税系统演讲比赛</span>
            <div class="con_phone hidden-lg hidden-md hidden-sm">
                <p><i></i>在国税系统演讲比赛中获得1个二等奖和2个三等奖，并还荣获“优秀组织奖”。（图为惠国员工参加国税系统演讲）</p>
            </div>
            <div class="row row_wrap">
                <div class="row_img col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <img src="../../../assets/hghotel_image/hdfc02.jpg"  class="img-responsive">
                </div>
                <div class="row_p col-lg-6 col-md-6 col-sm-6 hidden-xs">
                    <p>在国税系统演讲比赛中获得1个二等奖和2个三等奖，并还荣获“优秀组织奖”。</p>
                    <p>（图为惠国员工参加国税系统演讲）</p>
                </div>
            </div>
        </div>
        <!-- 国税系统庆“七一”歌咏比赛 -->
        <div class="hdfc_main">
            <span>国税系统庆“七一”歌咏比赛</span>
            <div class="con_phone hidden-lg hidden-md hidden-sm">
                <p><i></i>参加庆祝建党90周年国税系统歌咏比赛，荣获三等奖第一名的好成绩。</p>
            </div>
            <div class="row row_wrap">
                <div class="row_img col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <img src="../../../assets/hghotel_image/hdfc03.png"  class="img-responsive">
                </div>
                <div class="row_p col-lg-6 col-md-6 col-sm-6 hidden-xs">
                    <p>参加庆祝建党90周年国税系统歌咏比赛，荣获三等奖第一名的好成绩。</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
    @media (max-width: 1200px){
       .hdfc{
           margin-bottom: 50px;
       }
    }
    .hdfc_main{
        text-align: left;
    }
    .hdfc_main>span{
        display: inline-block;
        margin-top: 35px;
        margin-bottom: 20px;
        font: 500 16px/16px "microsoft yahei";
        border-left: 5px solid #8f4290;
        padding-left:10px;
    }
    /* row下高度适配 */
    .hdfc_main>.row.row_wrap{
        margin-left:0px;
        margin-right: 0px;
        overflow: hidden;
    }
    .hdfc_main>.row.row_wrap>[class*="col-"]{
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
    .row_img{
        padding: 0px;
    }
    .row_img>img{
        width: 100%;
    }
    .row_p{
        padding-right: 0px;
        padding-top: 100px;
    }
    .row_p p{
        font:500 16px/34px "microsoft yahei";
    }
    /* 平板适配 */
    @media only screen and (width: 768px) {
        .row_p{
            padding-right: 0px;
            padding-top: 50px;
        } 
    }
    /* 手机 */
    @media (max-width: 767px) {
        .hdfc{
            padding: 0px;
        }
        .hdfc_main{
            margin-top:20px;
        }
        .hdfc_main>span{
            display: block;
            margin-top: 0px;
            margin-bottom: 20px;
            font: 700 18px/45px "microsoft yahei";
            color:#8f4290;
            border-left:none;
            padding-left:0px;
            border-bottom: 1px solid #cdcdcd;
        }
        .con_phone>p{
            color: #2c3e50;
            font: 700 14px/26px "microsoft yahei";
        }
        .con_phone>p>i{
            display: inline-block;
            width: 5px;
            height: 14px;
            background: #8f4290;
            margin-right:10px;
            vertical-align: middle;
        }
    }
</style>
